import { Example, ExampleCode } from '@/components/Example';
import { Tabs, TabItem, View } from '@aws-amplify/ui-react';
import { RadiiExample } from './examples';

<Tabs>
  <TabItem title="Example usage">
    <View marginTop="var(--amplify-space-large)">
      <Example>
        <RadiiExample />
        <ExampleCode>
```tsx file=./examples/RadiiExample.tsx

```
        </ExampleCode>
      </Example>
    </View>
  </TabItem>
  <TabItem title="CSS">
    <View marginTop="var(--amplify-space-large)">
    <Example>
      <ExampleCode>
```css file=./examples/RadiiExample.css

```
      </ExampleCode>
    </Example>
    </View>
  </TabItem>
</Tabs>
